<!doctype html>
<html lang="">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" href="/favicon.ico" />
        <link
            rel="stylesheet"
            type="text/css"
            href="/assets/css/bootstrap.min.css"
        />
        <script
            type="text/javascript"
            src="/assets/js/bootstrap.bundle.min.js"
        ></script>
        <style>
            .custom-input {
                width: 100%;
                padding: 10px;
                font-size: 16px;
            }

            @media (min-width: 600px) {
                .custom-input {
                    min-width: 600px;
                }
            }

            @media (min-width: 600px) {
                .custom-card {
                    min-width: 600px;
                }
            }
        </style>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title>RustU</title>
    </head>
    <body>
        <div class="container-fluid">
            <div class="d-flex align-items-center" style="height: 55dvh">
                <div class="card text-center mx-auto px-2 custom-card">
                    <div class="card-header">Master,快登陆吧！</div>
                    <div class="card-body container">
                        <form action="/login" method="post">
                            <div class="row mb-3">
                                <input
                                    type="text"
                                    class="custom-input"
                                    id="username"
                                    name="username"
                                    required
                                    placeholder="暗号"
                                />
                            </div>
                            <div class="row mb-3">
                                <input
                                    type="password"
                                    class="custom-input"
                                    id="password"
                                    name="password"
                                    required
                                    placeholder="口令"
                                />
                            </div>
                            <div class="row">
                                <button class="btn btn-primary" type="submit">
                                    上舰
                                </button>
                            </div>
                        </form>
                    </div>
                    <div class="card-footer text-body-secondary">
                        请出示证件，谢谢！
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
